$(function(){
	$(".time  .timeBtn").click(function() {// 时间
		if (!$(this).hasClass("yes")) {
			
			$(".time  .timeBtn.yes").removeClass("yes");
			$(this).addClass("yes");
			if ($(this).attr("data-time") != null) {
				$("#selectButton").val($(this).attr("data-time"));
				$("#timeSection").val($(this).attr("data-section"));
				setQtime(parseInt($(this).attr("data-time")));// 设置日区间时间
			}
		}
	});
	
	var setQtime=function(a) {// 日期设置
		var oDate = new Date();
		// var vdate=addDate(oDate,a*-1);
		// $("#date_2").val(addDate(oDate,0));
		// $("#date_1").val(addDate(oDate,a*-1));
		var s = addDate(oDate, 0);
		var e = addDate(oDate, a * -1);
		$("#startTime").val(e);
		$("#endTime").val(s);
		var isCity=$(".main3 .carTab .yes").attr("data-address");
		if(isCity==="0"){
			$("#cityOrPort").val("CITY");
		}else{
			$("#cityOrPort").val("PORT");
		}
		$("#actionForm").submit();
		//statistics(addDate(oDate, 0), addDate(oDate, a * -1));
	};
	$("#submitButton").click(function(){
		var isCity=$(".main3 .carTab .yes").attr("data-address");
		if(isCity==="0"){
			$("#cityOrPort").val("CITY");
		}else{
			$("#cityOrPort").val("PORT");
		}
		$("#actionForm").submit();
		
	});
	var addDate=function(date, days) {// 日期返回
		var d = new Date(date);
		d.setDate(d.getDate() + days);
		var month = d.getMonth() + 1;
		var day = d.getDate();
		if (month < 10) {
			month = "0" + month;
		}
		if (day < 10) {
			day = "0" + day;
		}
		var val = d.getFullYear() + "-" + month + "-" + day;
		return val;
	};
	$(".main3 .carTab span").click(function(){
		if(!$(this).hasClass("yes")){
				$(".main3 .carTab span.yes").removeClass("yes");
				$(this).addClass("yes");
				
				var isCity=$(".main3 .carTab .yes").attr("data-address");
				if(isCity==="0"){
					$("#cityOrPort").val("CITY");
				}else{
					$("#cityOrPort").val("PORT");
				}
				
				//如果有选中的
				if($(".time  .timeBtn.yes").length>0){
					
					
					var dataTime=$(".time  .timeBtn.yes").attr("data-time") ;
				

					$("#selectButton").val(dataTime);
					$("#timeSection").val($(".time  .timeBtn.yes").attr("data-section"));
					setQtime(parseInt(dataTime));// 设置日区间时间
				}else{
					//alert($("#startTime").val());
					//console.log("time");
					
					$("#actionForm").submit();
				}
				
		}
	});
	var myChart0 = echarts.init(document.getElementById('main3_1'));
	myChart0.showLoading({
		text : '正在努力的读取数据中...'
	});
	
	var option0 = {
				tooltip : {
					trigger: 'axis'
				},	
				legend: {
					data:[]
				},
				 calculable : true,
					xAxis : [
						{
							type : 'category',
							boundaryGap : false,
							data : []
						}
					],
					yAxis : [
						{
							type : 'value',
							axisLabel:{
											show : true,
											textStyle:{
												color:'#fff',
											},
								     },			
						}
					],
					series : [
					          
					]
	};
                    
	var d=JSON.parse($("#dataJson").html());
	$("#dataJson").html("");
	
	option0.legend.data=d.legendArray;
	option0.xAxis[0].data=d.nameArray;
	option0.series=d.numSeries;
	// 为echarts对象加载数据
	myChart0.setOption(option0);
	//echarts加载图形
	myChart0.hideLoading();
	
	
	var myChart1 = echarts.init(document.getElementById('main3_2'));
	myChart1.showLoading({
		text : '正在努力的读取数据中...'
	});
	
	var option1 = {
				tooltip : {
					trigger: 'axis'
				},
				legend: {
					data:[]
				},
				 calculable : true,
					xAxis : [
						{
							type : 'category',
							boundaryGap : false,
							data : []
						}
					],
					yAxis : [
						{
							type : 'value',
							axisLabel:{
											show : true,
											textStyle:{
												color:'#fff',
											},
								     },			
						}
					],
					series : [
					          
					]
	};
	option1.legend.data=d.legendArray;
	option1.xAxis[0].data=d.nameArray;
	option1.series=d.priceSeries;
	// 为echarts对象加载数据
	myChart1.setOption(option1);
	//echarts加载图形
	myChart1.hideLoading();
	
	var myChart2 = echarts.init(document.getElementById('main3_3'));
	myChart2.showLoading({
		text : '正在努力的读取数据中...'
	});
	
	var option2 = {
				tooltip : {
					trigger: 'axis'
				},
				legend: {
					data:[]
				},
				 calculable : true,
					xAxis : [
						{
							type : 'category',
							boundaryGap : false,
							data : []
						}
					],
					yAxis : [
						{
							type : 'value',
							axisLabel:{
											show : true,
											textStyle:{
												color:'#fff',
											},
								     },			
						}
					],
					series : [
					          
					]
	};
	option2.legend.data=d.legendArray;
	option2.xAxis[0].data=d.nameArray;
	option2.series=d.pkgSeries;
	// 为echarts对象加载数据
	myChart2.setOption(option2);
	//echarts加载图形
	myChart2.hideLoading();
	
	var myChart3 = echarts.init(document.getElementById('main3_4'));
	myChart3.showLoading({
		text : '正在努力的读取数据中...'
	});
	
	var option3 = {
				tooltip : {
					trigger: 'axis'
				},
				legend: {
					data:[]
				},
				 calculable : true,
					xAxis : [
						{
							type : 'category',
							boundaryGap : false,
							data : []
						}
					],
					yAxis : [
						{
							type : 'value',
							axisLabel:{
											show : true,
											textStyle:{
												color:'#fff',
											},
								     },			
						}
					],
					series : [
					          
					]
	};
	option3.legend.data=d.legendArray;
	option3.xAxis[0].data=d.nameArray;
	option3.series=d.avgPriceSeries;
	// 为echarts对象加载数据
	myChart3.setOption(option3);
	//echarts加载图形
	myChart3.hideLoading();
});